<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>内容页</title>
<link href="public/css/body.css" rel="stylesheet" type="text/css">
<link href="public/css/style.css" rel="stylesheet" type="text/css">
<script src="public/js/jquery-1.7.1.min.js"></script>
<script src="public/js/style.js"></script>

</head>

<body>
<!--头部-->
<div class="header width left">
	<ul>
    	<li class="sy-1"><h3><a href="">Jun</a></h3></li>
        <li class="sy-2"><a href="">管理后台</a></li>
        <li class="sy-3">
        	<a href="javascript:viod(0);"><span>全部分类</span><span class="caret"></span><span class="caret2"></span></a>  
        	<div>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
                <dl>
                    <dt>一级分类</dt>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                        	<li><a href="">三级分类</a></li>
                        </ul>
                    </dd>
                    <dd>
                    	<a href="">二级分类</a>
                    	<ul>
                            <li><a href="">三级分类</a></li>
                            <li><a href="">三级分类</a></li>
                        </ul>
                	</dd>
                </dl>
            </div>
        </li>
        <li class="sy-4">
        	<a href="javascript:viod(0);"><span>超级管理员</span><span class="caret"></span><span class="caret2"></span></a>
        	<ul>
            	<li><a href="">修改资料</a></li>
                <li><a href="">退出登录</a></li>
            </ul>
      </li>
  </ul>
</div>
<!--左侧-->
<div class="left-1">
    <ul class="ul">
    	<li>
        	<a href="javascript:viod(0);"><span class="vi"></span>一级分类</a>
            <ul>
            	<li class="li bag"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
            </ul>
        </li>
        <li>
        	<a href="javascript:viod(0);"><span class="vi"></span>一级分类</a>
            <ul>
            	<li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
                <li class="li"><a href="">二级分类</a></li>
            </ul>
        </li>
    </ul>
</div>
<div class="left-2">
	<div class="top-3">三级分类</div>
    <div class="list">
    	<ul>
        	<li><a href="">标签一</a></li>
            <li class="tub"><a href="">标签二</a></li>
            <li><a href="">标签三</a></li>
            <li><a href="">标签四</a></li>
        </ul>
    </div>
</div>


<!--main-->
<style>body{background-color:#fff}</style>
<div class="main left">
	<div class="main-left width-100" style="margin-top:0px">
    	<div class="left_bor"><span> 验证提示功能 </span></div>
        
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="TOP下拉提示" onClick="popup(1,1,'请输入手机号码')">
        <br/><br/>
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="带头部的弹窗-1" onClick="popup(2,1,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="带头部的弹窗-2" onClick="popup(2,2,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="带头部的弹窗-3" onClick="popup(2,3,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="带头部的弹窗-4" onClick="popup(2,4,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="带头部的弹窗-5" onClick="popup(2,5,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="带头部的弹窗-6" onClick="popup(2,6,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="带头部的弹窗-7" onClick="popup(2,7,'请输入手机号码')">
        <br/><br/>
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="不带头部的-1" onClick="popup(3,1,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="不带头部的-2" onClick="popup(3,2,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="不带头部的-3" onClick="popup(3,3,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="不带头部的-4" onClick="popup(3,4,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="不带头部的-5" onClick="popup(3,5,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="不带头部的-6" onClick="popup(3,6,'请输入手机号码')">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="不带头部的-7" onClick="popup(3,7,'请输入手机号码')">
        <br/><br/>
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="加载中-1" onClick="popup(4,1);popup(5);">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="加载中-2" onClick="popup(4,2);popup(5);">
        <input style="margin-top:50px" class="Jun-TiJiao" type="button" value="加载中-3" onClick="popup(4,3);popup(5);">
        <br/><br/>
        
    </div>
</div>


<!--遮罩层-->
<div id="mask2" class="mask2"></div>
<!--提示弹窗-->
<div class="popupDom">
    <div class="popup  text-default">
    </div>
</div>
<!--弹出窗口-->
<div id="JunAlert_1">
    <div id="Alert_Top_1"></div>
    <div>
    	<div id="Alert_Left_1"></div>
        <div id="Alert_Right_1"></div>
    </div>
</div>
<!--加载弹窗-->
<div id="JunAlert_2">
    <div>
        <div id="Alert_Right_2"></div>
    </div>
</div>

</body>
</html>
